<!doctype html>
<html>
<head>
<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>商品详情</title>
	<link rel="stylesheet/less" type="text/css" href="less01.less">
	<link rel="stylesheet/less" type="text/css" href="less03.less">
	<link rel="stylesheet" type="text/css" href="iconfont.css">
</head>

<body>
	<div id="FHTB">
		<a href="#header" class="iconfont icon-shangjiantou"></a>
	</div>
	
	<div id="header">
		<div class="box">
			<a href="#">
				<img src="4ba9d41d-d0f5-4b71-9e42-b633650e8cab_720x909_70.jpg!85.webp" alt="">
			</a>
			<span class="iconfont icon-xiazai6"></span>
			<span class="iconfont icon-xiai"></span>
			<span class="iconfont icon-fenxiang"></span>
			<ul>
				<li>
					<a href="#"></a>
				</li>
				<li>
					<a href="#"></a>
				</li>
				<li>
					<a href="#"></a>
				</li>
				<li>
					<a href="#"></a>
				</li>
			</ul>
		</div>
	</div>
	
	<div id="container">
		<div class="JGJS clearbox">
			<p>&yen;149<span>899</span></p>
			<p>法蘭•詩頓 | 2020春季新款纯色男士小西装简约舒适男士休闲西装外套</p>
			<p>法蘭•詩頓新款男士休闲西服，甄选优质面料，舒适有型，不易起皱，大品牌，值得青睐</p>
		</div>
		<div class="YS clearbox">
			<h3>颜色</h3>
			<ul>
				<li>
					<a href="#">
						<img src="9b2acf58-116e-4db8-a409-e8a4900b7b4a_720x909_70.jpg!85.webp" alt="">
						<span>格子黑灰</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="9b2acf58-116e-4db8-a409-e8a4900b7b4a_720x909_70.jpg!85.webp" alt="">
						<span>格子黑灰</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="9b2acf58-116e-4db8-a409-e8a4900b7b4a_720x909_70.jpg!85.webp" alt="">
						<span>格子黑灰</span>
					</a>
				</li>
				
				<li>
					<a href="#">
						<img src="9b2acf58-116e-4db8-a409-e8a4900b7b4a_720x909_70.jpg!85.webp" alt="">
						<span>格子黑灰</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="9b2acf58-116e-4db8-a409-e8a4900b7b4a_720x909_70.jpg!85.webp" alt="">
						<span>格子黑灰</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="9b2acf58-116e-4db8-a409-e8a4900b7b4a_720x909_70.jpg!85.webp" alt="">
						<span>格子黑灰</span>
					</a>
				</li>
				
				<li>
					<a href="#">
						<img src="9b2acf58-116e-4db8-a409-e8a4900b7b4a_720x909_70.jpg!85.webp" alt="">
						<span>格子黑灰</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="9b2acf58-116e-4db8-a409-e8a4900b7b4a_720x909_70.jpg!85.webp" alt="">
						<span>格子黑灰</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="9b2acf58-116e-4db8-a409-e8a4900b7b4a_720x909_70.jpg!85.webp" alt="">
						<span>格子黑灰</span>
					</a>
				</li>
			</ul>
		</div>
		<div class="CM clearbox">
			<h3>尺码</h3>
			<ul>
				<li>
					<p>S</p>
				</li>
				<li>
					<p>M</p>
				</li>
				<li>
					<p>L</p>
				</li>
				
				<li>
					<p>XL</p>
				</li>
				<li>
					<p>XXL</p>
				</li>
				<li>
					<p>XXXL</p>
				</li>
			</ul>
		</div>
		<div class="PS clearbox">
			<h3>配送至</h3>
			<p>请选择配送地址</p>
			<span class="iconfont icon-dizhi"></span>
		</div>
		<div class="YF clearbox">
			<h3>运费</h3>
			<p>新会员专享首单满38元免邮（限唯品自营商品，部分商品不可用）
			</p>
		</div>
		<div class="TW clearbox">
			<h3>图文详情</h3>
			<a href="#">
				<img src="1502443448261.png!85.webp" alt="">
			</a>
			<a href="#">
				<img src="1586487126081.png" alt="">
			</a>
			<a href="#">
				<img src="af75168f-c1a1-4f57-b77a-22266075a1da.jpg!85.webp" alt="">
			</a>
			<a href="#">
				<img src="97ec18eb-a04c-4e35-b0b8-e1c10c8c018b.jpg!85.webp" alt="">
			</a>
		</div>
	</div>
	
	<div id="Bottom">
		<span class="iconfont icon-gouwuche"></span>
		<a href="#">加入购物车</a>
	</div>
</body>
	
	<script type="text/javascript" src="less.js-master/dist/less.min.js"></script>
</html>
